<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="_PUBLIC_/css/base.css" />
	<link rel="stylesheet" href="_PUBLIC_/css/header.css" />
	<link rel="stylesheet" href="_PUBLIC_/css/register.css" />
	<link rel="stylesheet" href="_PUBLIC_/css/tanchuang.css" />
</head>
<body>
<div class="header">
	<div class="content">
		<img src="_PUBLIC_/img/login.png" />
		<div class="mune">
			<div class="active"><a href="javascript:;">见证首页</a></div>
			<div><a href="javascript:;">成为代理</a></div>
			<div><a href="javascript:;">会员中心</a></div>
		</div>
		<p class="rexian">客服热线：<span>14141414141</span></p>
		<p class="zhengjian">欢迎来到正见代理系统</p>
		<a href="javascript:;">进入正见官网》</a>
	</div>
</div>

<form action="index.php" method="post">
	<div class="box">
		<div class="box-content clearfix">
			<div class="clearfix">
				<div class="box-left">
					登录名：
				</div>
				<div class="box-right">
					<input class="name" autofocus="" placeholder="请输入用户名">
				</div>
			</div>
			<div class="clearfix">
				<div class="box-left">
					密码：
				</div>
				<div class="box-right">
					<input class="psw1" type="password"  placeholder="请输入密码">
				</div>
			</div>
			<div class="clearfix">
				<div class="box-left">
					确认密码：
				</div>
				<div class="box-right">
					<input class="psw2" type="password" class="mima2"  placeholder="请再次输入密码">
				</div>
			</div>
			<div class="clearfix">
				<div class="box-left">
					手机号：
				</div>
				<div class="box-right">
					<input class="phone" placeholder="请输入手机号" pattern="1[3|4|5|7|8][0-9]{9}$">
				</div>
			</div>
			<div class="clearfix">
				<div class="box-left">
					户籍所在地：
				</div>
				<div class="box-right">
					<input class="huji"  placeholder="请输入户籍所在地">
				</div>
			</div>
			<div class="clearfix">
				<div class="box-left">
					身份证号：
				</div>
				<div class="box-right">
					<input class="shenfenzheng" required="" placeholder="请输入身份证号">
				</div>
			</div>
			<div class="clearfix">
				<div class="box-left">
					手机号验证码：
				</div>
				<div class="box-right yanzheng">
					<input class="yanzhengma" placeholder="请输入验证码">
					<!--<span>点击发送验证码</span>-->
					<button>点击发送验证码</button>
				</div>
			</div>
			<div class="clearfix">
				<div class="box-left">
					邀请码：
				</div>
				<div class="box-right">
					<input class="code" required="" placeholder="请输入邀请码">
				</div>
			</div>

			<div class="xieyi clearfix">
				<label><input type="checkbox">阅读并接受《用户协议》</label>
				<button class="submit" type="submit">注册</button>
			</div>
			<div style="clear: both;"></div>
			<div class="text-center wenxing">
				温馨提示：邀请码不知道，请联系上级，或拨打027-4546454
			</div>
		</div>

	</div>

</form>
<!--尾部-->


<div class="footer">
	<p>发发发生撒发生</p>
	<p>按时发发发发发顺丰</p>
	<p>暗示法法师方法撒打算发的</p>
</div>

<!--提示-->
<div class="tishi">
	<p><span>5</span>秒后自动关闭</p>
	<p class="miaoshu">账号密码错误</p>
</div>
</body>
<script src="_PUBLIC_/js/jquery.min.js"></script>
<script type="text/javascript" src="_PUBLIC_/js/tankuang.js" ></script>
<script>
	var d;
	$(".yanzheng button").click(function(){
		console.log("1")
		$(this).attr("disabled","disabled")
		var i=3;
		$(".yanzheng button").html(i+"后再次获取验证码")
		d= setInterval(function(){
			i--;
			$(".yanzheng button").html(i+"后再次获取验证码")
			if(i<1){
				i=1;
				$(".yanzheng button").attr("disabled",false).html("点击发送验证码")
				clearInterval(d);
			}

		},1000)
	})


	//用户名正则    请输入输入5-20个以字母开头、可带数字、“_”、“.”的数
	var uesr=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
	//密码正则   请输入输入6-20个字母、数字、下划线
	var mima=/^(\w){6,20}$/;
	//		    手机正则
	var regu =/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
	//		    身份正则
	var shenfen =/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
	//用户名
	$(".name").blur(function(){
		var name= $(".name").val();
		if(!uesr.test(name)){
			$.fn.tishi_show({
				xingxi:"请输入输入5-20个以字母开头、可带数字、“_”、“.”的用户名"
			})
			return false;
		}
	})

	//密码
	$(".psw1").blur(function(){
		var psw1= $(".psw1").val();
		if(!mima.test(psw1)){
			$.fn.tishi_show({
				xingxi:"请输入输入6-20个字母、数字、下划线"
			})
			return false;
		}
	})

	//确认密码
	$(".psw2").blur(function(){
		var psw1= $(".psw1").val();
		var psw2= $(".psw2").val();
		if(psw1!==psw2){
			$.fn.tishi_show({
				xingxi:"两次密码不一致"
			})
			return false;
		}
	})
	//手机
	$(".phone").blur(function(){
		var phone= $(".phone").val();
		if(!regu.test(phone)){
			$.fn.tishi_show({
				xingxi:"请输入正确格式的手机号"
			})
			return false;
		}
	})
	//身份证
	$(".shenfenzheng").blur(function(){
		var shenfenzheng=$(".shenfenzheng").val();
		if(!shenfen.test(shenfenzheng)){
			$.fn.tishi_show({
				xingxi:"请输入正确格式的身份证"
			})
			return false;
		}
	})


	$(".submit").click(function(){
		var name= $(".name").val();
		var psw1= $(".psw1").val();
		var psw2= $(".psw2").val();
		var huji=$(".huji").val();
		var shenfenzheng=$(".shenfenzheng").val();
		var code=$(".code").val();
		var phone=$(".phone").val();
		var yanzhengma=$(".yanzhengma").val();

		if(!uesr.test(name)){
			$.fn.tishi_show({
				xingxi:"请输入输入5-20个以字母开头、可带数字、“_”、“.”的用户名"
			})
			return false;
		}

		if(!mima.test(psw1)){
			$.fn.tishi_show({
				xingxi:"请输入输入6-20个字母、数字、下划线的密码"
			})
			return false;
		}

		if(psw1!=psw2){
			$.fn.tishi_show({
				xingxi:"两次密码不一致"
			})
			return false;
		}

		if(!regu.test(phone)){
			$.fn.tishi_show({
				xingxi:"请输入正确的手机格式"
			})
			return false;
		}

		if(!shenfen.test(shenfenzheng)){
			$.fn.tishi_show({
				xingxi:"请输入正确的身份证格式"
			})
			return false;
		}

		if(name==""||psw1==""||psw2==""||huji==""||shenfenzheng==""||code==""||phone==""||yanzhengma==""){
			$.fn.tishi_show({
				xingxi:"不能输入空值"
			})
			return false;
		}
		if($(".xieyi input").prop("checked")==false){
			$.fn.tishi_show({
				xingxi:"请先阅读《用户协议》"
			})
			return false;
		}


//          if(name==""||psw1==""||psw2==""||huji==""||shenfenzheng==""||code==""||phone==""||yanzhengma==""){
//          	$.fn.tishi_show({
//					xingxi:"不能输入空值"
//				})
//          }else{
//				if($(".xieyi input").prop("checked")==false){
//					$.fn.tishi_show({
//					xingxi:"请先阅读《用户协议》"
//					})
//				}else{
//		            if(psw1!=psw2){
//						$.fn.tishi_show({
//							xingxi:"两次密码不一致"
//						})
//				    }else{
//				    	if(!regu.test(phone)){
//				    		$.fn.tishi_show({
//							   xingxi:"请输入正确的手机格式"
//							})
//
//				    	}else{
//				    		if(!shenfen.test(shenfenzheng)){
//				    			$.fn.tishi_show({
//							   		xingxi:"请输入正确的身份证格式"
//							    })
//				    		}else{
//				    			console.log("合格")
//				    		}
//				    	}
//				    }
//				}
//          }

	})
</script>
</html>
